{% extends "base.html" %}
{% block title%}关于本站{% endblock %}
{% block css %}
<link rel="stylesheet" href="{{ url_for('static', filename='css/about.css') }}">
{%endblock%}

{% block container %}
<div class="page-header">
    <section class="main">
        <h2 class="cs-text-about" id="cs-text-about">关于本站</h2>
    </section>
</div>
<div class="bs-docs-section">
    <div class="row">
        <div class="col-lg-12">
            <div class="bs-component about">
                <h2>{ 爱自己吗？ }</h2>
                <h2>{ 爱。 }</h2>
                <h2>{ 那我就是你的情敌噜~ }</h2>
                <p>
                MBTI职业性格测试是国际最为流行的职业人格评估工具，作为一种对个性的判断和分析，是一个理论模型，</br>
                从纷繁复杂的个性特征中，归纳提炼出4个关键要素——动力、信息收集、决策方式、生活方式，进行分析判断，</br>
                从而把不同个性的人区别开来。</br>
                第一次听说是从一个朋友处听说的，网络上搜下发现要做一系列的题目，最后根据选择答案的结果来判断是什么人格</br>
                做题不方便，于是开发了这个网站可以在线测试，同时结合使用最近刚了解到的一些前端css、js特效组件</br>
                MBTI测试结果解释均来自<a href="https://baike.baidu.com/item/MBTI职业性格测试" target="_blank">百度百科</a></br>
                网站源码:<a href="https://github.com/axiaoxin/mbti" target="_blank">https://github.com/axiaoxin/mbti</a> 欢迎star</br>
                <a href="http://weibo.com/1739356367/" target="_blank">@阿小信大人</a></br>
                </p>
            </div>
        </div>
    </div>
</div>
{% endblock %}

{% block js %}
<script type="text/javascript" src="{{ url_for('static', filename='js/jquery.lettering.js') }}"></script>
<script>
    $(document).ready(function() {
        $("#cs-text-about").lettering().children('span').wrap('<span />').parent().prepend('<span></span><span></span><span></span>');
    });
</script>
{% endblock %}
